﻿@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>忘记密码</title>
    @*  <script src="~/Scripts/jquery-1.10.2.min.js"></script>*@
    <link href="~/Content/validform.css" rel="stylesheet" />
    <script src="~/Scripts/Validform_v5.3.2_min.js"></script>
    <script src="~/Scripts/Validform_Datatype.js"></script>
    <script type="text/javascript">
        $(function () {
            $("form").Validform({
                tiptype: 3
            });
            //点击验证码
            $("#valiCode").click(function () {
                this.src = "/Login/GetValidateCode?time=" + (new Date()).getTime();
            });
        });

        function OnSuccess(data) {
            if (data.Status == -1) {
                $("#valiCode").click();
                $.dialog.tips(data.Message, 1, 'tips.gif');
                return false;
            } else if (data.Status == -2) {
                $("#valiCode").click();
                $("#validateCode").val("");
                $.dialog.tips("验证码错误", 1, 'tips.gif');
            } else {
                window.location.href = data.Data;
            }
            return false;
        }

    </script>
    <style type="text/css">
        .username_text {
            margin-left: 280px;
            width: 90px;
            height: 40px;
            line-height: 40px;
            float: left;
            font-size: 14px;
            color: #999;
            /*margin: 10px 0px;*/
        }

        .login_clear {
            clear: both;
            width: 100%;
            height: 2px;
            margin: 20px 0px 20px 0px;
        }

        .input {
            padding: 5px 4px;
            min-height: 28px;
            line-height: 28px;
            border: 1px solid #d4d4d4;
            background: #fff;
            vertical-align: middle;
            color: #333;
            font-size: 100%;
        }
    </style>
</head>
<body>
    <div class="line10"></div>
    <div class="container">
        <div class="order-process">
            <ul>
                <li class="active">填写账户名</li>
                <li>验证身份</li>
                <li>设置新密码</li>
            </ul>
        </div>
        <div id="main_login">
            @using (Ajax.BeginForm("GetMemberInfo", new AjaxOptions() { OnSuccess = "OnSuccess" }))
            {
                <div class="username_text">邮箱/手机号：</div>
                <div class="input-box">
                    <input type="text" name="userName" id="userName" class="input normal" datatype="*" sucmsg=" " placeholder="请填写已验证的邮箱或已验证的手机号" />
                </div>
                
                <div class="login_clear"></div>
                <div class="username_text">验证码：</div>
                <div class="input-box">
                    <input type="text" style="width: 200px;" class="input normal" name="validateCode" id="validateCode" datatype="*" maxlength="5" placeholder="请输入验证码" />&nbsp;
                  <img id="valiCode" width="80" height="26" src="/Login/GetValidateCode" />
                </div>
                <div class="login_clear"></div>
                <div style="text-align: center;">
                    <input type="submit" id="Register" class="button" value="提交" />
                </div>
                <div class="login_clear"></div>
            }

        </div>

        <div class="line10"></div>
    </div>


</body>
</html>
